<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>CSS3 打造一组质感细腻丝滑的按钮</title>
    <!--<link rel="stylesheet" type="text/css" href="assets/base.css" media="screen">-->
    <link rel="stylesheet" type="text/css" href="../css/button.css" media="screen">

</head>
<body style="margin-top:200px">
<div class="button gray"><div class="shine"></div>Button</div>
<div class="button blue"><div class="shine"></div>Button</div><br/>
<div class="button green"><div class="shine"></div>Button</div>
<div class="button red"><div class="shine"></div>Button</div>
<div class="button purple"><div class="shine"></div>Button</div>
<div class="button orange"><div class="shine"></div>Button</div>
<div class="footer-banner" style="width:728px; margin:30px auto"></div>

</body>
</html>